The latest updates on your projects. Learn more about Vercel for Git ↗︎

hi @Shayan12456 , please re do this using css, you are adding complexity to the component that impacts performance and it's not really necessary. You can use media queries like you did but in the css easily. Thanks!

When inspecting the preview deploy for this while yes the text is firmly placed on the green box now, the tab switcher that comes next in the layout is now pushed mostly off screen and only allows selecting the first two options

Imo the best solution would be to remove the green block as part of the SVG and instead use it as the section/divs background, then just have the little gradient color blobs be the actual absolutely positioned SVGs rather than that whole green block being an absolutely positioned SVG